<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	<c:set var="ctx" value="${pageContext.request.contextPath}"/>
	<link rel="stylesheet" type="text/css" href="/jquery-easyui-1.4.5/themes/material/easyui.css">
	<link rel="stylesheet" type="text/css" href="/jquery-easyui-1.4.5/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="/ext/css/ext-all.css">
	
	<script type="text/javascript" src="/ext/js/ext-all.js"></script>
	<script type="text/javascript" src="/jquery-easyui-1.4.5/jquery.min.js"></script>
	<script type="text/javascript" src="/jquery-easyui-1.4.5/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="/jquery-easyui-1.4.5/locale/easyui-lang-zh_CN.js"></script>

	<script type="text/javascript" src="/js/commom.js"></script>
	<script type="text/javascript" src="/js/blx.js"></script>
<script>
function altRows(id) {
	if (document.getElementsByTagName) {

		var table = document.getElementById(id);
		var rows = table.getElementsByTagName("tr");

		for (i = 0; i < rows.length; i++) {
			if (i % 2 == 0) {
				rows[i].className = "evenrowcolor";
			} else {
				rows[i].className = "oddrowcolor";
			}
		}
	}
}

window.onload = function() {
	altRows('alternatecolor');
}
</script>
<style type="text/css">
body{
	background-color:#E6E6FA;
	overflow-y:auto;
}
#h5{
	padding:15px 0px 0px 30px;
}
table.altrowstable {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}

table.altrowstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

table.altrowstable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

.oddrowcolor {
	background-color: #d4e3e5;
}

.evenrowcolor {
	background-color: #c3dde0;
}
</style>
</head>

<body>

	<div style="position:absolute; height:100%;width:100%; overflow:auto">
		<h5 id="h5">各个模块的最新情况：</h5>
			<table border="0" width=100% height="430px">
				<tr>
					<td>
						<div id="dd" data-options="handle:'#mytitle'" style="width:90%;height:90%;border:1px solid #ccc;margin:5% 1% 5% 1%">
							<div id="mytitle" style="background:#ddd;padding:5px;">失物招领</div>
							<div>
								<table border="1" width="100%" height="100%" class="altrowstable" id="alternatecolor">
									<tr>
										<td width="25%">
											<img src="${model.lafIcon }" width="180px">
										</td>
										<td width="75%">
											<h2 align="center">详细资料</h2>
											<table width="100%" height="100%" border="0" cellpadding="0"
												cellspacing="0" ">
												<tr>
													<td >物品标示：</td>
													<td >
														<c:if test="${model.mark==0 }">我丢失</c:if>
								            			<c:if test="${model.mark==9 }">我招领</c:if>
								            		</td>
												</tr>
												<tr>
													<td >物品状态：</td>
													<td >
														<c:if test="${model.status==0 }">已处理</c:if>
								            			<c:if test="${model.status==9 }">未处理</c:if>
								            		</td>
												</tr>
												<tr>
													<td >物品名称：</td>
													<td >${model.arcitleName }</td>
												</tr>	
												<tr>
													<td>物品信息：</td>
													<td>${model.iteminform }</td>
												</tr>
												<tr>
													<td>发布时间：</td>
													<td>${model.releaseTime }</td>
												</tr>
												<tr>
													<td>联系人：</td>
													<td>${model.contactPerson }</td>
												</tr>
												<tr>
													<td>联系电话：</td>
													<td>${model.contactPhone }</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</td>
					<td>
						<div id="dd" class="easyui-resizable" data-options="handle:'#mytitle'" style="width:90%;height:90%;border:1px solid #ccc;margin:5% 5% 5% 5%">
							<div id="mytitle" style="background:#ddd;padding:5px;">公告牌</div>
							<div style="padding:20px">${notice.noticeTitle }</div>
							<div style="padding:20px">${notice.noticeContent }</div>
						</div>
					</td>
				</tr>
				
			</table>
			<div id="dd" class="easyui-draggable easyui-resizable" data-options="handle:'#mytitle'" style="width:200px;height:150px;border:1px solid #ccc">
				<div id="mytitle" style="background:#ddd;padding:5px;">Title</div>
				<div style="padding:20px">Drag and Resize Me</div>
			</div>
			<div id="dd" class="easyui-draggable easyui-resizable" data-options="handle:'#mytitle'" style="width:200px;height:150px;border:1px solid #ccc">
				<div id="mytitle" style="background:#ddd;padding:5px;">Title</div>
				<div style="padding:20px">Drag and Resize Me</div>
			</div>
			<div id="dd" class="easyui-draggable easyui-resizable" data-options="handle:'#mytitle'" style="width:200px;height:150px;border:1px solid #ccc">
				<div id="mytitle" style="background:#ddd;padding:5px;">Title</div>
				<div style="padding:20px">Drag and Resize Me</div>
			</div>
			<div id="dd" class="easyui-draggable easyui-resizable" data-options="handle:'#mytitle'" style="width:200px;height:150px;border:1px solid #ccc">
				<div id="mytitle" style="background:#ddd;padding:5px;">Title</div>
				<div style="padding:20px">Drag and Resize Me</div>
			</div>
	</div>
	

	

</body>
</html>